<link rel="stylesheet" type="text/css" href="<?= $this->baseurl ?>/templates/pbny/css/captify.css" />
<script type="text/javascript" src="<?= $this->baseurl ?>/templates/pbny/js/captify.js"></script>
<script type="text/javascript" src="<?= $this->baseurl ?>/templates/pbny/js/override.js"></script>
<script>
	jQuery(document).ready(function(){
		jQuery(".rotator").bind("mouseenter",
			function(){
				jQuery("#rotator_play").show();
				jQuery("#rotator_prev").show();
				jQuery("#rotator_next").show();
				}).bind("mouseleave",
			function(){
				jQuery("#rotator_play").hide();
				jQuery("#rotator_prev").hide();
				jQuery("#rotator_next").hide();
			});});	
</script>


<?php // no direct access
defined('_JEXEC') or die('Restricted access'); ?>

<div style="height:400px;" class="rotator">
	<ul class="blog<?php echo $this->escape($this->params->get('pageclass_sfx')); ?>" style="padding:0px;">
	<?php if ($this->params->def('num_leading_articles', 1)) : ?>	
		<?php for ($i = 0; $i < count($this->_models['frontpage']->_data); $i++) : ?>
			<li style="padding:0px;">
			<?php
			//print_r(count($this->_models['frontpage']->_data));die();
				$this->item =& $this->getItem($i, $this->params);
				echo $this->loadTemplate('item');
			?>
			</li>
		<?php endfor; ?>
	<?php endif; ?>
	</ul>	
</div>		
<div style="width:960px; height:3em;" class="rotator">
	<a href="#" id="rotator_prev" style="position:relative; top:-200px;"><img src="<?= $this->baseurl ?>/templates/pbny/images/previous.png" /></a>
	<a href="#" id="rotator_play" style="position:relative; top:-200px; left:410px; font-size:2em; text-decoration:none;">Play</a>
	<a href="#" id="rotator_next" style="position:relative; top:-200px; float:right;"><img src="<?= $this->baseurl ?>/templates/pbny/images/next.png" /></a>
</div>
<div class="clear"></div>